<template>
	<view>
		<navbar :title='title' :type='type'></navbar>
		<view class="twtpath flex-between" @click="btngo">
			<view class="twtpath_name flex">
				<image src="../../static/sel.png" mode=""></image>
				<view class="">TOPS</view>
			</view>
			<image src="../../static/wallet/goin.png" mode=""></image>
		</view>
		<view class="twtpath flex-between">
			<view class="twtpath_name flex">
				<image src="../../static/sel.png" mode=""></image>
				<view class="">USDT</view>
			</view>
			<image src="../../static/wallet/goin.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	import navbar from "@/components/navbar.vue"
	export default {
		components:{
			navbar
		},
		data() {
			return {
				statusBarHeight:0,
				type:1,
				title:''
			}
		},
		onLoad(options) {
			this.type=options.type
			this.title=options.title
		},
		onShow() {
			const phoneInfo = uni.getSystemInfoSync(); // 获取手机系统信息
			this.statusBarHeight = phoneInfo.statusBarHeight
			
		},
		methods: {
			rightClick() {
				console.log('rightClick');
				this.$fun.jump(`./record?type=${this.type}&title=${this.title}`)
			},
			leftClick() {
				console.log('leftClick');
				uni.navigateBack()
			},
			btngo(){
				if(this.type==1){
					this.$fun.jump('./recharge')
				}
				if(this.type==2){
					this.$fun.jump('./withdraw')
				}
				if(this.type==3){
					this.$fun.jump('./transfer')
				}
			}
		}
	}
</script>

<style lang="scss">
.right{
	image{
		width: 38rpx;
		height: 42rpx;
	}
}
.line{
	margin-top: 88rpx;
	width: 750rpx;
	height: 16rpx;
	background: #F2F2F2;
}
.twtpath{
	width: 690rpx;
	height: 120rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	align-items: center;
	margin: 0 auto 30rpx;
	padding: 0 30rpx;
	box-sizing: border-box;
	image{
		width: 48rpx;
		height: 48rpx;
	}
	&_name{
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #333333;
		align-items: center;
		image{
			width: 68rpx;
			height: 68rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}
	}
}
</style>
